<template>
  <svg
    t="1682576781434"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="24663"
    width="200"
    height="200"
  >
    <defs>
      <linearGradient id="grad-share" x1="0%" y1="0%" x2="100%" y2="0%">
        <stop offset="0%" :style="`stop-color:${fill?.[0]};stop-opacity:1`" />
        <stop offset="100%" :style="`stop-color:${fill?.[1]};stop-opacity:1`" />
      </linearGradient>
    </defs>
    <path
      d="M768 688.48837C735.573334 688.48837 706.56 701.339776 684.373334 721.473645L380.16 543.695867C382.293334 533.843123 384 523.990378 384 513.709254 384 503.42813 382.293334 493.575386 380.16 483.722641L680.96 307.658384C704 329.077394 734.293334 342.357179 768 342.357179 838.826664 342.357179 896 284.954234 896 213.843123 896 142.732012 838.826664 85.329066 768 85.329066 697.173334 85.329066 640 142.732012 640 213.843123 640 224.124247 641.706666 233.976992 643.84 243.829736L343.04 419.893993C320 398.474984 289.706666 385.195198 256 385.195198 185.173334 385.195198 128 442.598143 128 513.709254 128 584.820365 185.173334 642.22331 256 642.22331 289.706666 642.22331 320 628.943525 343.04 607.524515L646.826666 785.730673C644.693334 794.726657 643.413334 804.151024 643.413334 813.575384 643.413334 882.544592 699.306666 938.6624 768 938.6624 836.693336 938.6624 892.586664 882.544592 892.586664 813.575384 892.586664 744.606175 836.693336 688.48837 768 688.48837L768 688.48837Z"
      p-id="24664"
      fill="url(#grad-share)"
    ></path>
  </svg>
</template>

<script setup lang="ts">
const { fill } = defineProps({
  fill: {
    default: () => [],
  },
})
</script>

<style lang="scss" scoped></style>
